Liigu peamise sisu juurde

Teksti lisamine

Teksti vormindamisel jagtakse sisu tavaliselt peatükkideks, milles on pealkirjad ja tekstilõigud. Sama loogikat saab rakendada ka HTML-is, kus erinevat tüüpi teksti liigitatakse vastavate siltide abil.

Vaatleme näitena Vikipeedia artiklit kassidest.

Vikipeedia artikkel

Sisu on struktureeritud - pealkirjad ja alapeatükid (tähistatud roosaga) ning lõigud (tähistatud rohelisega).

Pealkirjad (ingl headings)​

Pealkirjade loomiseks kasutame silti <hx>, kus x on number vahemikus 1 kuni 6.

  • <h1> tähistab kõige olulisemat ja suurimat pealkirja
  • <h6> on väikseim võimalik pealkiri

Numbriline järjestus aitab veebilehtede sisu struktuursemalt mõista nii kasutajale kui ka otsingumootoritele. Pealkirja lisamisel algab see alati uuelt realt.

Teksti lõigud (ingl paragraphs)​

Lõigu elemendi silt on <p>. Iga lõik algab vaikimisi uuelt realt. Veebilehitsejad murravat lõike automaatselt, kui need ei mahu ekraanile, ning enne ja pärast igat lõiku lisavad vahe. Tekst paigutatakse lõigus vastavalt HTML-i reeglitele, olenemata sellest, kuidas see on koodi sisestatud.

Reavahetus (ingl newline)​

Kui on soov, et iga lause algaks uuelt realt, siis saab seda teha kahel viisil.

Iga lause asetatakse eraldi lõigu elemendi (<p>) sisse.​

Kasutatakse elementi <br>, mis lisab käsitsi reavahetuse.​

Teksti vormindamine​

HTML võimaldab teksti kujundada, näiteks muuta sõna rasvaseks või esitada kaldkirjas.

Rohkem vormindamise võimalusi leiab siit: https://www.w3schools.com/html/html_formatting.asp